// 混入 (mixin) 提供了一种非常灵活的方式，来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被“混合”进入该组件本身的选项。
export default {
  activated () {
    // 在组件被激活时，立即监听窗口的滚动事件
    window.addEventListener('scroll', this.scrollHandler)
  },
  deactivated () {
    // 在组件被缓存时，立即移除窗口的滚动事件
    window.removeEventListener('scroll', this.scrollHandler)
  },
  methods: {
    // 处理滚动条滚动的事件
    scrollHandler () {
      console.log(window.scrollY)
      this.$route.meta.top = window.scrollY
    }
  }
}
